<template>
  <card :show-top="false" class="news">
    <van-row class="news__title">
      <van-col span="4" class="news__title__news">资讯</van-col>
      <van-col span="18" />
      <van-col span="2" class="news__title__more">更多</van-col>
    </van-row>
    <van-row class="news__brief__wrapper">
      <van-col span="24">
        <newsA :title="title" :publish-time="'22小时前'" :url="demoUrl" />
      </van-col>
      <van-col span="24">
        <newsB :title="title" :publish-time="'22小时前'" :url="demoUrl" />
      </van-col>
    </van-row>
  </card>
</template>
<script>
  import newsA from '@components/card/newsA';
  import newsB from '@components/card/newsB';
  export default {
    components: {
      newsA,
      newsB
    },
    data() {
      return {
        banner: true,
        images: ['https://img01.yzcdn.cn/vant/apple-1.jpg'],
        title: '关于防疫期间学校采取的保护广大老师和学生措施',
        demoUrl: 'https://img01.yzcdn.cn/vant/apple-1.jpg'
      };
    }
  };
</script>
<style lang="less" scoped>
  .news {
    &__title {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
      &__news {
        font-size: 22px;
        font-weight: bold;
        color: #171719;
      }
      &__more {
        font-size: 14px;
        font-weight: 400;
        color: #2e9eed;
      }
    }
    &__brief {
      &__wrapper {
        border-bottom: 1px solid #ccc;
      }
    }
  }
</style>
